<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>我的</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="__PUBLIC__/css/mui.min.css">
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/app.css" />
    <style>
        .userBg{width: 100%;height: auto}
        .userWrap{width: 25%;height: auto;position: relative;top:-80px;left: 40px}
        .userImg{width: 100%;height: auto}
        .userInfor{position: relative; top:-80px;}
        .mui-table-view{position: absolute;width: 100%;top: 300px}
        .mui-table-view li{width: 100%}
        .linkList li{padding-left: 35px}
        .linkList li:nth-child(1){background:url("__PUBLIC__/images/user/walletiocn.png") no-repeat 20px center;background-size: 20px; }
        .linkList li:nth-child(2){background:url("__PUBLIC__/images/user/CollectionIcon.png") no-repeat 20px center;background-size: 20px; }
        .linkList li:nth-child(3){background:url("__PUBLIC__/images/user/accountSecurity.png") no-repeat 20px center;background-size: 20px; }
        .linkList li:nth-child(4){background:url("__PUBLIC__/images/user/adress.png") no-repeat 20px center;background-size: 20px; }
        .linkList li:nth-child(5){background:url("__PUBLIC__/images/user/set.png") no-repeat 20px center;background-size: 20px; }
    </style>
    <script type="text/javascript" src="__PUBLIC__/js/jquery-3.2.1.min.js"></script>
</head>

<body>
<header>
    <div>
        <img class="userBg" src="__PUBLIC__/images/user/userBg.png"/>
    </div>
    <div class="userWrap">
        <img style="width: 100px;height: 100px" class="userImg" src="{$data.uProfilePic}"/>
    </div>
    <div class="userInfor">
        <div class="mui-pull-left" style="margin-left: 50px">
            <p style="color: #333333;font-size: 16px;">{$data.uNickName}</p>
            <p style="color: #333333;font-size: 16px;">手机号：{$data.uMobile}</p>
        </div>
        <div class="mui-pull-right">
            <a href="{:U('PersonalInformation')}"><img style="width:60px;margin-right: 20px;margin-top: -10px" src="__PUBLIC__/images/user/edit.png"/></a>
        </div>
    </div>
</header>
<?php
    if(Cookie('ji') == 2)
    {
?>
<include file="Public/fotter" />
<?php
    }else
    {
?>
<include file="Public/fotter1" />
<?php
    }
?>

<div class="mui-content">
    <ul class="mui-table-view linkList">
        <li class="mui-table-view-cell" style="border-top: solid 1px #efefef">
            <a href="{:U('myMoney')}" class="mui-navigate-right">我的钱包</a>
        </li>
        <?php
    if(Cookie('ji') == 1)
    {
?>
        <li class="mui-table-view-cell">
            <a href="{:U('collection')}" class="mui-navigate-right">我的收藏</a>
        </li>
        <li class="mui-table-view-cell">
            <a href="{:U('my_address')}" class="mui-navigate-right">我的地址</a>
        </li>
        <?php
    }
?>

        <li class="mui-table-view-cell">
            <a href="{:U('ZhangHuAnQuan')}" class="mui-navigate-right">账户安全</a>
        </li>
        <!--
       <li class="mui-table-view-cell">
           <a class="mui-navigate-right">我的收藏</a>
       </li>
       <li class="mui-table-view-cell">
           <a class="mui-navigate-right">我的地址</a>
       </li>-->
        <li class="mui-table-view-cell">
            <a href="{:U('shezhi')}" class="mui-navigate-right">设置</a>
        </li>
    </ul>


</div>
</body>
<script src="__PUBLIC__/js/mui.min.js"></script>
<script>

</script>
</html>